<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" rel="stylesheet"
        crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
    <!-- jQuery and JavaScript Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
        crossorigin="anonymous"></script>
</head>

<body>
    <header>
        <nav class="container">
            <div class="p-3">
                <ul class="d-flex justify-content-between align-items-center font-weight-bold"
                    style="list-style-type: none;">
                    <li>
                        <img src="./images/logo.png">
                    </li>
                    <li><i class="bi bi-house-door-fill"></i>首页</li>
                    <li>产品介绍</li>
                    <li>新闻资讯</li>
                    <li>售后服务</li>
                    <li>关于我们</li>
                    <li>招商加盟</li>
                    <li>公司招聘</li>
                    <li><svg t="1623309293906" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="2474" width="16" height="16">
                            <path
                                d="M668.818093 365.096209c10.210549 0 20.311605 0.747014 30.328749 1.864464-27.252691-126.898155-162.916487-221.182518-317.77853-221.182518-173.128059 0-314.946019 118.010741-314.946019 267.861654 0 86.494956 47.180556 157.527756 126.027321 212.620515l-31.499411 94.745874 110.101607-55.214533c39.396265 7.79964 71.00517 15.817244 110.318548 15.817244 9.884115 0 19.685341-0.48914 29.404704-1.252527-6.15314-21.059642-9.720386-43.112913-9.720386-65.99404C401.053654 476.762451 519.212774 365.096209 668.818093 365.096209zM499.47422 279.70233c23.713075 0 39.421848 15.600303 39.421848 39.300075 0 23.604604-15.709797 39.422871-39.421848 39.422871-23.603581 0-47.290049-15.818267-47.290049-39.422871C452.184171 295.302633 475.87064 279.70233 499.47422 279.70233zM279.054065 358.425276c-23.602557 0-47.427172-15.818267-47.427172-39.422871 0-23.699772 23.823592-39.300075 47.427172-39.300075 23.604604 0 39.314401 15.600303 39.314401 39.300075C318.369489 342.607008 302.659693 358.425276 279.054065 358.425276zM956.269921 610.577133c0-125.920898-126.001739-228.560556-267.521916-228.560556-149.850913 0-267.873933 102.639658-267.873933 228.560556 0 126.138862 118.024044 228.561579 267.873933 228.561579 31.363312 0 62.999846-7.91118 94.502327-15.803941l86.386486 47.303352-23.685445-78.709643C909.16816 744.501308 956.269921 681.608909 956.269921 610.577133zM601.897961 571.167564c-15.683191 0-31.500435-15.598256-31.500435-31.514761 0-15.693424 15.817244-31.499411 31.500435-31.499411 23.820522 0 39.420825 15.803941 39.420825 31.499411C641.319809 555.569308 625.719506 571.167564 601.897961 571.167564zM775.134491 571.167564c-15.572674 0-31.283494-15.598256-31.283494-31.514761 0-15.693424 15.711843-31.499411 31.283494-31.499411 23.605627 0 39.422871 15.803941 39.422871 31.499411C814.558385 555.569308 798.741142 571.167564 775.134491 571.167564z"
                                p-id="2475"></path>
                        </svg></li>
                    <li><svg t="1623309310233" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="3296" width="16" height="16">
                            <path
                                d="M154.294857 460.580571c-3.986286-9.728-4.571429-19.419429-4.571428-29.696 0-16.018286 10.276571-41.728 20.004571-53.723428-0.585143-14.848 5.705143-45.129143 17.152-54.857143 0-105.728 81.700571-238.848 177.152-284.562286C422.875429 9.728 484.608 0.036571 549.193143 0.036571c50.285714 0 105.142857 11.995429 151.990857 31.414858 134.290286 56.576 164.571429 161.718857 193.133714 296.009142l0.585143 2.852572c16.566857 25.161143 31.414857 54.857143 31.414857 85.723428 0 15.433143-10.276571 30.866286-10.276571 44.580572 0 1.133714 3.437714 5.705143 3.986286 6.838857 49.152 72.557714 93.696 151.442286 93.696 241.700571 0 20.004571-10.861714 89.709714-42.861715 89.709715-22.272 0-46.848-54.272-54.857143-69.156572-0.585143-0.585143-1.133714-0.585143-1.718857-0.585143l-2.852571 2.304c-18.285714 47.433143-38.290286 92.013714-75.446857 127.414858 32.585143 31.414857 85.138286 28.562286 94.866285 82.870857-2.852571 6.290286-1.718857 13.129143-6.290285 19.419428-32.585143 49.152-119.990857 55.442286-172.580572 55.442286-69.705143 0-126.281143-18.285714-192-37.705143-13.714286-3.986286-34.304-1.718857-49.152-3.437714C475.977143 1013.723429 390.838857 1024 341.686857 1024c-43.446857 0-211.419429-2.852571-211.419428-77.129143 0-32 6.838857-41.142857 29.147428-61.696 17.700571-3.437714 30.866286-13.129143 51.419429-14.299428 2.852571 0 5.156571-0.585143 8.009143-1.133715 0.585143-0.585143 1.133714-0.585143 1.133714-2.304l-1.133714-1.718857c-39.424-9.142857-94.866286-108.580571-103.424-149.723428l-2.852572-1.718858c-3.986286 0-5.705143 8.557714-6.838857 11.446858-12.580571 29.147429-42.276571 60.562286-75.446857 64H29.696c-4.571429 0-2.852571-4.571429-6.290286-5.705143-8.009143-18.870857-13.129143-35.986286-13.129143-57.161143 0-114.285714 54.857143-198.838857 144.018286-266.276572z"
                                fill="" p-id="3297"></path>
                        </svg></li>
                </ul>
            </div>
        </nav>

    </header>
    <main class="container">
        <img class="w-100" src="./images/202105011525032023PirX4.jpg" alt="">
    </main>

    <footer class="p-5" style="background-color: #1d1d1d;color: #aaaaaa;">
        <style>
            footer .left li {
                margin: 10px 0;
            }

            footer .middle li {
                margin: 20px 0;
            }

            footer .middle li>a {
                color: inherit;
            }

            footer .right li {
                margin: 30px 0;
            }
        </style>
        <div class="row">
            <ul class="col-md-6 left" style="list-style-type: none;">
                <li> <img src="./images/logo-while.png" alt=""> </li>
                <li> <small>维刻科技（深圳）有限公司</small> </li>
                <li> <small>深圳市宝安区新安街道海旺社区N12区新湖路99号壹方中心北区三期A塔3901</small> </li>
                <li> <small>4000-256-290 / 代理加盟:门店加盟咨询178-2133-1845、品牌加盟咨询189-2886-5521</small> </li>
                <li>
                    <p>维刻Veex电子雾化器加盟</p>
                    <p>上海、 江苏、 浙江、 安徽、 山东、 陕西、四川、重庆、云南、河北等</p>
                </li>
                <li class="row">
                    <div class="col-auto">
                        <i class="bi bi-telephone-inbound-fill" style="font-size: 3em;"></i>
                    </div>
                    <div class="col">
                        <p>资讯热线</p>
                        <h4>4000-222-666</h4>
                    </div>
                </li>
            </ul>
            <ul class="col-md-2 middle" style="list-style-type: none;">
                <li>
                    <h4>链接</h4>
                </li>
                <li> <a href="#">产品介绍</a></li>
                <li> <a href="#">新闻资讯</a></li>
                <li> <a href="#">售后服务</a></li>
                <li> <a href="#">关于我们</a></li>
                <li> <a href="#">招商加盟</a></li>
                <li> <a href="#">公司招聘</a></li>
            </ul>
            <ul class="col-md-4 right" style="list-style-type: none;">
                <li>
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">名字</span>
                        </div>
                        <input type="text" name="name" class="form-control" placeholder="输入你的名字" aria-label="Username"
                            aria-describedby="basic-addon1">
                    </div>
                </li>
                <li>
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">电话</span>
                        </div>
                        <input type="text" name="tel" class="form-control" placeholder="输入你的电话" aria-label="Username"
                            aria-describedby="basic-addon1">
                    </div>
                </li>
                <li>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text">内容</span>
                        </div>
                        <textarea class="form-control" name="content" aria-label="With textarea"
                            placeholder="我要成为经销商"></textarea>
                    </div>
                </li>
                <li>
                    <button type="submit" class="btn  w-100"
                        style="background-color: rgb(86,86,86);color: white;">提交</button>
                </li>
            </ul>
        </div>
    </footer>
</body>


</html>